<template>
  <a-layout>
    <a-layout-sider class="index-page-sider">
      <a-menu theme="dark" mode="inline"
        v-model:selectedKeys="selectedKeys"
        v-model:openKeys="openKeys">
        <a-sub-menu key="src">
          <template v-slot:title>资源管理</template>
          <a-menu-item key="autotiles">Autotiles图集</a-menu-item>
          <a-menu-item key="tiles">普通图集</a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="games">
          <template v-slot:title>游戏管理</template>
          <div style="text-align: center; padding: 10px;">
            <a-button type="dashed" ghost>+ 添加游戏</a-button>
          </div>
        </a-sub-menu>
      </a-menu>
    </a-layout-sider>
    
    <a-layout>
      <a-layout-content class="index-page-content">
        <router-view/>
      </a-layout-content>
    </a-layout>
  </a-layout>
</template>

<script src="./indexPage.js"></script>

<style lang="stylus">
@import './indexPage.styl'
</style>
